<template>
	<view class="mainPage content" :style="{'padding-top': `${$store.state.safeArea.top || 0}px`, 'padding-bottom': `${$store.state.safeArea.bottom || 0}px`}">
		<public-head :title="title"></public-head>
		<view class="box1" @click="tovisit">
			<view class="left">出诊地</view>
			<view class="right">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		<view class="box1" @click="toemergency">
			<view class="left">急诊</view>
			<view class="right">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		<view class="box1" @click="toImageText">
			<view class="left">图文问诊</view>
			<view class="right">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		<!-- <view class="box1" @click="tovideo">
			<view class="left">视频问诊</view>
			<view class="right">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view> -->
		<view class="box1" @click="totelephone">
			<view class="left">电话问诊</view>
			<view class="right">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		<view class="box1" @click="tocommon">
			<view class="left">常用语设置</view>
			<view class="right">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
	</view>
</template>
<script>
import publicHead from "@/components/publicHead/publicHead.vue"
export default {
	components: {
		publicHead
	},
	data() {
		return {
			title: "服务设置",
		}
	},
	methods: {
		tovisit() {
			uni.navigateTo({
				url: "./visit"
			})
		},
		tocommon() {
			uni.navigateTo({
				url: "./common"
			})
		},
		toImageText() {
			uni.navigateTo({
				url: "./ImageText"
			})
		},
		toemergency() {
			uni.navigateTo({
				url: "./setemergency"
			})
		},
		tovideo() {
			uni.navigateTo({
				url: "./video"
			})
		},
		totelephone() {
			uni.navigateTo({
				url: "./telephone"
			})
		}
	}
}
</script>
<style scoped lang="scss">
.content {
	width: 100vw;
	min-height: 100vh;
	background: #f6f6f6;
	// position: relative;
	.box1 {
		padding: 30rpx;
		background: #ffffff;
		//margin-top: 15rpx;
		.left {
			display: inline-block;
			width: 60%;
		}
		.right {
			display: inline-block;
			width: 40%;
			text-align: right;
		}
		text {
			color: #8a8a8a;
			margin-right: 20rpx;
		}
	}
	.box2 {
		padding: 30rpx;
		background: #ffffff;
		margin-top: 60rpx;
		.left {
			display: inline-block;
			width: 60%;
		}
		.right {
			display: inline-block;
			width: 40%;
			text-align: right;
		}
		text {
			color: #8a8a8a;
			margin-right: 20rpx;
		}
	}
}
</style>
